/**
* 设备详情 调度日志
*/ 
<template>
  <div class="main">
    <div class="top">
        <div>
            <span>当日拿卡总次数：</span>
            <span>0</span>
        </div>
        <div>
            <span>操作：</span>
            <el-button type="primary" size="mini">重置拿卡次数</el-button>
        </div>
    </div>

    <el-table size="small" :data="listData"  highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
        <el-table-column  prop="card" label="日志ID" width="80" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="iccid" label="设备SN" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="IMSI" label="ICCID" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="运营商" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="调度发起方" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="调度原因" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="开始时间" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="结束时间" width="120" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="时长" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="次数" width="100" show-overflow-tooltip>
        </el-table-column>
        <el-table-column  prop="" label="结果" width="100" show-overflow-tooltip>
    </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
    name:'ScheduleLogs',
    data() {
        return {
            loading: false,
            listData:[],
        };
    },
    methods: {
        getdata(){
           let res = {
                code: 0,
                msg: null,
                count: 23,
                data:[
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                    {
                        card:'卡1',
                        iccid:'89861121276032138868',
                        IMSI:'460113386667042',
                    },
                ]
            }
            this.listData =  res.data;
        }
    },
    mounted () {
        this.getdata();
    }
}
</script>

<style lang="scss" scoped>
    .main{
        .top{
            margin-top: 5px;
            div{
                display: inline-block;
                width: 48%;
                span{
                    font-size: 14px;
                    color: rgb(160, 160, 160);
                }
            }
        }
    }
</style>